/***产品中心***/


/*$$
{"color":[{"val":"#26334c","title":"栏目标题颜色"},{"val":"rgba(255,255,255,.6)","title":"默认标题文字颜色"},{"val":"#fff","title":"鼠标滑过文字颜色"},{"val":"#a1a7b2","title":"默认标题文字颜色"}],"background":[{"val":"#e6e8ed","title":"边框线背景色"},{"val":"#f2f4f7","title":"模块背景颜色"},{"val":"rgba(255,255,255,.37)","title":"白色边框"},{"val":"#6160ea","title":"鼠标滑过边框背景颜色"}],"border":[]}
$$*/


#product_145{


	width: 1200px;


	margin: 0 auto;


	height: auto;


	padding:70px 0;


	display: flex;


	align-items: stretch;


}


#product_145 .swiper-container{


	height: 100%;


}
#product_145 .product-swiper{
	height: 100%;
}

#product_145 .product-right{


	width: 65%;


	float: right;


	position: relative;


	transition: all 0.36s ease;


}


#product_145 .product-right .contR{


	position: absolute;


	width: 100%;


	height:100%;


	z-index: 10;


	color: #fff;


	left:0;


	top:0;


}


#product_145 .product-right .contR .top{


	width: 84%;


	margin: auto;


	position: absolute;


	left: 8%;


	top: 8%;


}


#product_145 .product-right .contR .titEn{


	font-size:14px;


	display: block;


	line-height: 24px;

	color: rgba(97,96,226,.6);


}


#product_145 .product-right .contR .titCn{


	font-size:24px;


	display: block;


	line-height: 36px;

	color: rgba(97,96,226,.6);


}

#product_145 .product-right .contR:hover .titEn,

#product_145 .product-right .contR:hover .titCn{

	color: #fff;

}


#product_145 .product-right .bottom{


	width: 84%;


	margin: auto;


	position: absolute;


	left: 8%;


	bottom: 8%;


}


#product_145 .product-right .bottom .intr{


	font-size: 14px;


	line-height: 30px;


	padding-bottom: 20px;


	display: block;


	


}


#product_145 .product-right .bottom .more{


	overflow: hidden;


	line-height: 30px;


	display: block;

	position: relative;


}
#product_145 .product-right .bottom .more::before{

	background:rgba(97,96,226,.37);

	position: absolute;

	content: '';

	width: 100%;

	top:0;

	left:0;

	height: 2px;

}

#product_145 .product-right .bottom .more::after{

	position: absolute;

	content: '';

	width: 0;

	height: 2px;

	background: #6160ea;

	top:0;

	left:0;

	transition: width 0.5s;

	

}

#product_145 .contR:hover .bottom .more::after{

	width: 100%;

	z-index: 10;

}

#product_145 .product-right .bottom .more i{


	background: url(/static/images/CP00001_01.png) no-repeat left center;


	background-size:100% 14px;


	float: right;


	width: 26px;


	height: 30px;


}


#product_145 .imgBox{


	width: 100%;


	height: 100%;


	position: relative;


	overflow: hidden;


}


#product_145 .imgBox .bg{


	/*background: url(/static/images/CP00001_02.png) no-repeat;*/


	/*background-size: 100% 100%;*/


	/*width: 100%;*/


	/*height: 100%;*/


	/*position: absolute;*/


	/*left: 0;*/


	/*top:0;*/


	/*z-index: 10;*/


}


#product_145 .imgBox .imgT{


	width: 100%;


	height: 100%;


	object-fit: cover;


	position: absolute;


	left: 0;


	top:0;


	transition:transform .3s ease;


}

#product_145 .product-right:hover .imgT{


	transform:scale(1.03);


}


#product_145 .product-left{


	width: 35%;


	float: left;


	box-sizing: border-box;


}


#product_145 .product-left .className{


	width: 100%;


	position: relative;


	color: #26334c;


}


#product_145 .product-left .title-1{


	font-size: 35px;


	line-height: 50px;


	padding-left: 30px;


	position: relative;


	text-transform: uppercase;


	font-weight: bold;


}


#product_145 .product-left .title-1 i{


	display: block;


	width: 25px;


	height: 17px;


	position: absolute;


	left: 0;


	top: 14px;


	background: url(/static/images/CP00001_03.png) no-repeat;


}


#product_145 .product-left .title-2{


	padding-left: 30px;


	font-size: 24px;


	line-height: 50px;


}


#product_145 .product-left .product-nav{


	margin-top:44px;


	position: relative;


	overflow: hidden;


	width: 100%;


	width:calc(100% - 10px);


}


#product_145 .product-nav img{


	position: absolute;


	left: 0;


	right: 0;


	top: 0;


	bottom: 0;


	margin: auto;


	display: block;


	width: auto !important;


	height: auto !important;


	z-index: 1;


}


#product_145 .product-nav a.cur{


	


}


#product_145 .product-nav a .showImg,


#product_145 .product-nav a.cur .hideImg{


	display: block;


}


#product_145 .product-nav a .hideImg,


#product_145 .product-nav a.cur .showImg{


	display: none;


}



#product_145 .product-left .product-nav a{


	display: block;


	overflow: hidden;


	background:#f2f4f7;


	position: relative;


	float: left;


	width: 50%;


	box-sizing: border-box;


	padding: 5%;

	border-right: solid 1px #e6e8ed;

	border-bottom: solid 1px #e6e8ed;


 }

#product_145 .product-nav a i{


	display: block;


	position: relative;


	width: 50px;


	height: 50px;


	margin-bottom: 20px;


	overflow: hidden;


}

#product_145 .product-nav a span{


	display: block;


	font-size: 14px;


	padding-bottom: 5px;


	color: #a1a7b2;


	overflow: hidden;


	height: 24px;


	width: 100%;


	line-height: 24px;


}

#product_145 .product-nav a strong{


	display: block;


	font-size: 16px;
	height: 48px;
	line-height: 24px;

	color: #a1a7b2;


}

#product_145 .product-nav a.cur {


	background:#6666eb url('/static/images/CP00001_04.png') right bottom no-repeat;


	background-size: cover;


}

#product_145 .product-nav a.cur span{


	color: #fff;


	opacity: .6;


	width: 100%;


	overflow: hidden;


}

#product_145 .product-nav a.cur strong{


	color: #fff;


	width: 100%;


	overflow: hidden;


}


/* 中等屏幕 桌面显示 */

@media screen and (max-width:1200px) {

	#product_145{


		width: 96%;


		padding:20px 0;


	}

}


/* ipad */


@media screen and (max-width:992px){


	#product_145 .product-nav a i{


		margin-bottom: 10px;


	}


	#product_145 .sBox .text .title-1{


		font-size: 50px;


	}


	#product_145 .sBox .text .title-2{


		font-size: 18px;


	}

}


/* 手机 */


@media screen and (max-width:767px){

	#product_145{


		


		width: 100%;


		display: block;


	}


	#product_145 .product-left{


		width: 100%;


		padding: 0 5%;


	}


	#product_145 .product-left .product-nav{


		width: 100%;

		margin-top: 15px;


	}


	#product_145 .product-nav a span{


		font-size: 12px;


	}


	#product_145 .product-right{


		width: 100%;


		padding: 0 5%;
        margin-top: 15px;


	}


	#product_145 .product-right .bottom .intr{


		display: none;


	}


	#product_145 .product-right .contR .titCn{


		font-size: 18px;


	}


	#product_145 .imgBox .imgT{


		position: relative;


		height: 220px;


	}

	#product_145 .product-left .title-1{

		font-size: 30px;

		line-height: 36px;

	}

	#product_145 .product-left .title-2{

		font-size: 20px;

	}

}